<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1">
    <title>Document</title>
    <script src="../../js/flexible.js"></script>
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../css/JLS/justify.css">
    <link rel="stylesheet" href="../../css/JLS/footer.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <img src="../../img/icon/back.png" alt="">
        <span>分类</span>
    </header>
    <!-- 分类 -->
    <ul class="goodsJustify">
        <li class="bag">
            <img src="../../img/bag/QQ图片20211215183058.jpg" alt="">
            <span>箱包</span>
        </li>
        <li class="clothes">
            <img src="../../img/clothes/QQ图片20211215182744.jpg" alt="">
            <span>衣服</span>
        </li>
        <li class="digital">
            <img src="../../img/Digital/QQ图片20211215183323.jpg" alt="">
            <span>数码</span>
        </li>
        <li class="lipstick">
            <img src="../../img/Lipstick/QQ图片20211215183230.jpg" alt="">
            <span>彩妆</span>
        </li>
        <li class="shoes">
            <img src="../../img/shoes/QQ图片20211215182839.jpg" alt="">
            <span>鞋类</span>
        </li>
        <li class="trousers">
            <img src="../../img/trousers/QQ图片20211215183016.jpg" alt="">
            <span>裤类</span>
        </li>
        <li class="watches">
            <img src="../../img/watches/QQ图片20211215183138.jpg" alt="">
            <span>手表</span>
        </li>
        <li class="more">
            <img src="../../img/icon/查看更多.png" alt="">
        </li>
    </ul>
    <!-- 主要内容 -->
    <!-- <ul class="mainContent">
        <li>
            <img src="../../img/bag/QQ图片20211215183035.jpg" alt="">
            <span>刘俊朋没有鸟</span>
            <span>￥299.99</span>
        </li>
        <li>
            <img src="../../img/bag/QQ图片20211215183035.jpg" alt="">
            <span>刘俊朋没有鸟</span>
            <span>￥299.99</span>
        </li>
        <li>
            <img src="../../img/bag/QQ图片20211215183035.jpg" alt="">
            <span>刘俊朋没有鸟</span>
            <span>￥299.99</span>
        </li>
        <li>
            <img src="../../img/bag/QQ图片20211215183035.jpg" alt="">
            <span>刘俊朋没有鸟</span>
            <span>￥299.99</span>
        </li>
    </ul> -->
    <!-- <div class="nomore">
        <img src="../../img/icon/nomore.png" alt="">
        <p>没有更多啦~</p>
    </div> -->
    <!-- 底部 -->
    <footer>
        <ul class="footerNav">
            <li class="home">
                <img src="../../img/icon/home.png" alt="">
                <span>首页</span>

            </li>
            <li class="classify footeractive">
                <img src="../../img/icon/sort01.png" alt="">
                <span>分类</span>

            </li>
            <li class="shoppingCart">
                <img src="../../img/icon/cart.png" alt="">
                <span>购物车</span>

            </li>
            <li class="my">
                <img src="../../img/icon/people.png" alt="">
                <span>我</span>
            </li>
        </ul>
    </footer>
</body>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script src="../../js/JLS/justify.js"></script>
<script src="../../js/JLS/footer.js"></script>
</html>